﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfDjackVehicle2.aspx.cs" Inherits="msBsc.WebUi.wMall.Public.wfDjackVehicle2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>地接客车辆</title>
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sHead.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sFoot.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Public/sDjackVehicle.css" rel="stylesheet" />
</head>
<body>
    <input type="hidden" id="djackId" />
    <div class="wf_all">
        <div id="divLoginInfo">
            <%=msBsc.WebUi.Code.QtHtmlGet.GetHeaderLoginInfo() %>
        </div>
        <div id="container" class="">
            <div id="main-content">
                <div class="contentInfo">
                    <div class="title">
                        <input type="hidden" id="djackNameId" value="" />
                        <div class="row-fluid">
                            <div class="headPortrait">
                                <img id="headImg" />
                            </div>
                            <div class="userCoent">
                                <div class="row-fluid" id="userInfo">
                                    <a class="userName" href="/PageShow/DjackInfo" id="djackName"></a>
                                    <img id="sex" class="sex" />
                                </div>
                                <div class="row-fluid">
                                    <div class="region" id="area" style="display:none">
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="userInfo" id="userIntroduction">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid menuInfo">
                            <a class="menu" style="margin-right: 13px;">旅游包车</a>
                            <a id="djackRecomm" class="checkMenu" href="#" style="margin-right: 13px;">旅游推介</a>
                            <a id="djackInfo" class="checkMenu" href="#">个人中心</a>
                        </div>

                        <div id="carList" class="row-fluid" style="height: auto; width: 900px; margin: 0px 50px;">
                        </div>
                        <xmp id="svc_list_temp_vehicle" style="display: none">
                            <div id="carLeftList" style="height: auto;">
                                {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                                    {{# if(i%2==0) { }}
                                    <div class='carInfo'><div class='row-fluid'><img class='carImg' carValue='{{d.rows[i].VEHICLE_INFO_ID}}' src='{{d.rows[i].VEHICLE_DEFAULT_PIC}} 395x300img.jpg' /></div><div class='row-fluid'><div><div class='carName'><a id='carInfo' target='_blank' href='/wp_VehicleInfo.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}'>{{d.rows[i].VEHICLE_NAME}}</a></div></div></div><div class='row-fluid'><div class='carType'><span>{{d.rows[i].VEHICLE_BRAND_NAME}}</span>  |  <span>{{d.rows[i].VEHICLE_SEATS}}座</span></div></div><div class='row-fluid'><div class='carType'><span>服务类型：</span>  <span>{{d.rows[i].VEHICLE_SERVICE_TYPE_NAME}}</span></div></div><div class='row-fluid'><div class='carType'><span>服务范围：</span>  <span>{{d.rows[i].VEHICLE_SERVICE_AREA}}</span></div></div><div class='row-fluid'><div class='carType'><span>车辆编号：</span><span>{{d.rows[i].VEHICLE_CODE}}</span></div></div><div class='row-fluid'><div class='carPhone'><span>联系电话：</span> <span>{{d.rows[i].CUSTOMER_BASEINFO_MOBILE}}</span></div></div><div class='row-fluid'><div class='VehicleImg'>{{d.rows[i].VEHICLE_INTRO}}</div></div><div class='row-fluid'><div class='carMoney'><span class='money'>￥{{getNumber(d.rows[i].VEHICLE_PRICE_DAY)}}</span> <span class='unit'>起/天</span></div><div class="btnBuy"><a target="_blank" href="/wb_AddOrder.htm?carid={{d.rows[i].VEHICLE_INFO_ID}}">立即订购</a></div></div><div class='selectLeft' ></div><div class='circleLeft' ></div></div>
                                    {{#} }}
                                {{#} }}
                            </div>

                            <div id="vertical" class="vertical">
                                <div class="verticalHead"></div>
                                <div id="verticalBottom" class="verticalBottom"></div>
                            </div>
                            <div id="carRightList" style="height: auto;">
                                {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                                    {{# if(i%2!=0) { }} 
                                    <div class='carInfo'><div class='row-fluid'><img class='carImg' carValue='{{d.rows[i].VEHICLE_INFO_ID}}' src='{{d.rows[i].VEHICLE_DEFAULT_PIC}} 395x300img.jpg' /></div><div class='row-fluid'><div><div class='carName'><a id='A1' target='_blank' href='/wp_VehicleInfo.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}'>{{d.rows[i].VEHICLE_NAME}}</a></div></div></div><div class='row-fluid'><div class='carType'><span>{{d.rows[i].VEHICLE_BRAND_NAME}}</span>  |  <span>{{d.rows[i].VEHICLE_SEATS}}座</span></div></div><div class='row-fluid'><div class='carType'><span>服务类型：</span>  <span>{{d.rows[i].VEHICLE_SERVICE_TYPE_NAME}}</span></div></div><div class='row-fluid'><div class='carType'><span>服务范围：</span>  <span>{{d.rows[i].VEHICLE_SERVICE_AREA}}</span></div></div><div class='row-fluid'><div class='carType'><span>车辆编号：</span><span>{{d.rows[i].VEHICLE_CODE}}</span></div></div><div class='row-fluid'><div class='carPhone'><span>联系电话：</span> <span>{{d.rows[i].CUSTOMER_BASEINFO_MOBILE}}</span></div></div><div class='row-fluid'><div class='VehicleImg'>{{d.rows[i].VEHICLE_INTRO}}</div></div><div class='row-fluid'><div class='carMoney'><span class='money'>￥{{getNumber(d.rows[i].VEHICLE_PRICE_DAY)}}</span> <span class='unit'>起/天</span></div><div class="btnBuy"><a target="_blank" href="/wb_AddOrder.htm?carid={{d.rows[i].VEHICLE_INFO_ID}}">立即订购</a></div></div><div class='selectRight' ></div><div class='circleRight' ></div></div>
                                    {{#} }}
                                {{#} }}
                            </div>
                                
                                </xmp>
                    </div>
                </div>
            </div>
        </div>
        <!--start JS引用-->
        <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
        <script src="/jqPlugin/js/jBase.js"></script>
        <script src="/jqPlugin/js/jBPage.js"></script>
        <script src="/jqPlugin/js/laytpl.js"></script>
        <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
        <%--<script src="/jqPlugin/js/jQueryForm.js"></script>--%>
        <!--end JS引用-->
        <script type="text/javascript">

            (function () {
                var djackId = GetQueryStr('djackId');
                $("#djackId").val(djackId);
                $("#djackInfo").attr("href", "/wp_DjackInfo.htm?djackId=" + djackId);
                $("#djackRecomm").attr("href", "/wp_DjackRecommend.htm?djackId=" + djackId);
                $(".carImg").live("click", function () {
                    window.open("/wp_VehicleInfo.htm?vehicleId=" + $(this).attr("carValue"));
                });
            })()

            function setDjackInfo(data) {
                $("#headImg").attr("src", data.rows[0].CUSTOMER_DEFAULT_PIC + " 197x197img.jpg");
                $("#djackName").text(data.rows[0].CUSTOMER_NICK);
                if (data.rows[0].CUSTOMER_BASEINFO_GENDER == "M" || data.rows[0].CUSTOMER_BASEINFO_GENDER == "F") {
                    var SexSrc = data.rows[0].CUSTOMER_BASEINFO_GENDER == "M" ? "/themes/wStyle1/Images/Public/man.png" : "/themes/wStyle1/Images/Public/woman.png";
                    $("#sex").attr("src", SexSrc);
                }
                $("#userIntroduction").text(data.rows[0].CUSTOMER_BASEINFO_INTRO);
                $("#area").text(data.rows[0].P_COUNTRY_NAME + " | " + data.rows[0].P_CITY_NAME + " | " + data.rows[0].P_DISTINATION_NAME);
                var lable = data.rows[0].SERVICE_LABEL;
                var arrLable = lable.split("|");
                $("#userInfo .lable").remove();
                if (!IsNull(arrLable)) {
                    arrLable.sort();
                    for (var i = 0; i < arrLable.length; i++) {
                        if (arrLable[i] == "1") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/careful.png' />");
                        } else if (arrLable[i] == "2") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/drawUp.png' />");
                        } else if (arrLable[i] == "3") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/rouristGuide.png' />");
                        } else if (arrLable[i] == "4") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/Guide.png' />");
                        }
                    }
                }
            }

            function btnDo(sEbtn) {
                GtGrid1Action = sEbtn;
                var opart = GetGtParam();
                ajaxComm(opart);
            };

            //执行AJAX调用时获取参数
            function GetGtParam() {
                var _jsParam = new jsonRow();
                _jsParam.AddCell("djackId", $("#djackId").val());
                _jsParam.AddCell("ACTION", GtGrid1Action);
                return _jsParam;
            };
            btnDo("djackVehicle");
        </script>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>
    </div>
</body>
</html>
